/* body {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  margin: 0;
  background-color: #f0f0f0;
} */

/* .styled-div {
  width: 200px;
  height: 400px; */
  /* background: linear-gradient(to right, 
  rgb(200, 224, 238) 0%,          
   rgb(153, 197, 233) 20%,      
  rgb(95, 145, 205) 40%,          
  rgb(110, 160, 220) 60%,         
  rgb(160, 200, 235) 80%,         
  rgb(200, 224, 238) 100%        
); */
  /* position: absolute;
      outline: 1px solid rgb(0 173 255);
    border-radius: 50% / 50px; 
  overflow: hidden;
} */

/* .clipped-element {
position: relative;
width: 200px;
height: 100px;
background-color: lightblue; 
} */

/* .clipped-element::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: inherit; 
clip-path: ellipse(50% 100% at 50% 50%); 
border: 2px solid red; 
z-index: -1; 
} */